// 邓元翔的模块封装库
@import '../../../common/less/deng_module.less';
// 引入全站通用重置样式
@import '../../../common/less/reset.less';
// 常用方法库
@import '../../../common/less/function.less';

// 宋体
@SimSun :"\5B8B\4F53";
// 微软雅黑
@YaHei : "\5FAE\8F6F\96C5\9ED1";

/*=== 登录框弹窗 ===*/
body{
    background: #fff;
}
.m-window .u-close,.u-err{
    background: url(../img/login_frame.png) no-repeat;
}

/*遮罩和表单都要定位居中*/
.m-shaded,.m-window{
     position: absolute;
}

/*遮罩层*/
.m-shaded{
    width: 100%;
    height: 100%;
    background-color: #000;
    .opacity(70);
    top: 0;
    left: 0;
}
.m-window{
    @_w: 580px;
    @_h: 360px;
    background-color: yellowgreen;
    width: @_w;
    height: @_h;
    top: 50%;
    left: 50%;
    margin-top: -(@_h / 2);
    margin-left: (-@_w / 2);
    
    .m-hd{
        background-color: #fa5c37;
        height: 70px;
        position: relative;
        /*关闭按钮*/
//      .u-close{
//          position: absolute;
//          top: 50%;
//          right: 19px;
//          width: 40px;
//          height: 40px;
//          margin-top: -20px;
//          background-position: 0 0;
//      }
    }
    .m-logo{
//      background-color: yellowgreen;
        text-align: center;
        padding: 7px 0;
        
        img{
            vertical-align: top;
        }
        span{
            display: block;
            font: normal 16px @YaHei;
            color: white;
        }
    }
    
    .m-bd{
        background-color: white;
        height: 290px;
    }
    /*登录表单*/
    .m-fm{
        width: 360px;
        .block_center;
        padding-top: 30px;
        overflow: hidden;
        
        li{
            margin-bottom: 20px;
            position: relative;
        }
        label{
            cursor: text;
        }
        /*用户名密码*/
        .u-uname,.u-pwd{
            border: 1px solid #c7c7c7;
            width: 330px;
            height: 38px;
            line-height: 38px !important;
            font: normal 14px @YaHei;
            background-color: white;
            padding: 0 1em;
        }
        /*提交按钮*/
        .u-sbm{
            width: 286px;
            height: 48px;
            background-color: #fa5c37;
            color: white;
            font: normal 18px @YaHei;
            
            &:hover{
                background-color: #f96f4e;
                cursor: pointer;
            }
        }
        /*提交按钮-提交中状态*/
        .z-disabled{
            background-color: #C0C0C0;
            &:hover{
                background-color: #C0C0C0;
                cursor: default;
            }
        }
        .m-find-pwd,.m-reg-id{
            color: #fa5c37;
            font: normal 14px @YaHei;
            &:hover{
                text-decoration: underline;
            }
        }
        .m-find-pwd{
            float: left;
        }
        .m-reg-id{
            float: right;
        }
        .u-tips{
            font: normal 14px @YaHei;
            color: #acacac;
            position: absolute;
            top: 10px;
            left: 15px;
            z-index: 0;
        }
        /*错误提示*/
        .u-err{
            color: #fb4949;
            font: normal 12px @YaHei;
            border: 1px solid #fc6666;
            line-height: 18px;
            display: inline;
            background-position: 0 -50px;
            background-position-x: 2px;
            padding-left: 19px;
            padding-right: 2px;
        }
    }
}
